<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html"
          
      xmlns:p="http://primefaces.org/ui">
    <ui:composition>
        
        <!-- Carga selected del menu -->
        <h:outputLabel value="" rendered="#{ofertasBean.tipo == null}" >  
            <script>
                $(document).ready(function() {
                    selectandtitle("#liinicio", "ChequeTeatinos - Inicio"); 
                });
            </script>  
        </h:outputLabel>        
        <h:outputLabel value="" rendered="#{ofertasBean.tipo == ''}" >  
            <script>
                $(document).ready(function() {
                    selectandtitle("#liinicio", "ChequeTeatinos - Inicio"); 
                });
            </script>  
        </h:outputLabel>
        <h:outputLabel value="" rendered="#{ofertasBean.tipo != ''}" >  
            <script>
                $(document).ready(function() {
                    selectandtitle("#{ofertasBean.idul}", "ChequeTeatinos - #{ofertasBean.tipo}"); 
                });                
            </script>  
        </h:outputLabel> 
        
        
        <!-- Barra de navegación -->
        <nav>
            <h:form>
                <ul id="menu">
                    <li id="liinicio" class="selected">
                        <h:commandLink value="" action="#{ofertasBean.toCategoria}">
                            <img id='home' src='http://www.u-phonik.com/images/res-img/home.png' alt='Inicio'/>
                            <f:setPropertyActionListener target="#{ofertasBean.tipo}" value="" />
                        </h:commandLink>          
                    </li>
                    <li id="lialojamiento">
                        <h:commandLink value="#{msg.housing}" action="#{ofertasBean.toCategoria}">
                            <f:setPropertyActionListener target="#{ofertasBean.tipo}" value="Alojamiento" />
                        </h:commandLink>          
                    </li>
                    <li id="liocio">
                        <h:commandLink value="#{msg.leisure}" action="#{ofertasBean.toCategoria}">
                            <f:setPropertyActionListener target="#{ofertasBean.tipo}" value="Ocio" />
                        </h:commandLink>          
                    </li>
                    <li id="lirestaurante">
                        <h:commandLink value="#{msg.restaurants}" action="#{ofertasBean.toCategoria}">
                            <f:setPropertyActionListener target="#{ofertasBean.tipo}" value="Restaurante" />
                        </h:commandLink>          
                    </li>
                    <li id="licontacto">
                        <h:commandLink value="#{msg.contact}" action="#{ofertasBean.toContacto}">
                            <f:setPropertyActionListener target="#{ofertasBean.tipo}" value="contacto" />
                        </h:commandLink>                                  
                    </li>
                </ul>
            </h:form>
            <h:panelGroup layout="block" styleClass="loginaccount">
                <!-- Si el cliente no está logueado -->
                <h:panelGroup rendered="#{loginBean.logged == 0}">
                    <h:form>
                        <p:commandButton value="#{msg.new}" action="signup.jsf"/>
                        <p:commandButton value="#{msg.login}" action="login.jsf"/>
                    </h:form>
                </h:panelGroup>
                <!-- Si el cliente está logueado pero no como administrador -->
                <h:panelGroup layout="block" styleClass="mismalinea">
                    <h:form rendered="#{loginBean.logged == 1}">
                        <h6>
                            <h:form>
                                <h:outputLabel value="#{msg.logged} "/> 
                                <h:link value="#{loginBean.cli.nombre}  " outcome="account"/>
                                <p:commandButton action="#{loginBean.doLogout()}" value="#{msg.logout}"/>
                            </h:form>
                        </h6>
                    </h:form>
                </h:panelGroup>
            </h:panelGroup>
        </nav>
    </ui:composition>
</html>
